<%@page contentType="text/html" pageEncoding="windows-1252"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script>
            $(document)
            .ready(
            function() {
                $("button")
                .click(
                function() {
                    $
                    .ajax({
                        url : 'http://localhost:28080/Reniec-server/rest/Reniec/ciudadano/'
                            + $("#dni")
                        .val(),
                        type : 'GET',
                        success : function(data) {
                            if (data != "") {
                                $("#nombres")
                                .html(
                                data.nombres);
                                $("#apellidos")
                                .html(
                                data.apellidos);
                                $("#domicilio")
                                .html(
                                data.domicilio);
                                $("#fechNac")
                                .html(
                                data.fechaNacimiento);
                                $("#estCivil")
                                .html(
                                data.estadoCivil);
                                $("#sexo")
                                .html(
                                data.sexo);
                            }
                        },
                        error : function(data) {
                            alert("Ingrese un Numero de dni valido");
                        }
                    });
                });
            });
        </script>
    </head>
    <body>

        <div
            style="background-color: #CECEF6; margin-left: 120px; margin-right: 120px">
            <br />
            <h3 style="color: #660033; margin-left: 260px;">
                <strong>Consulta Reniec</strong>
            </h3>
            <p />
            <div style="margin-left: 180px;">
			DNI: <input id="dni" type="text" maxlength="8" />
                <button>Consultar</button>
            </div>
            <p />
            <div style="margin-left: 180px;">
                <span style="color: #003399">Nombres:</span>&nbsp;&nbsp; <span
                    id="nombres" style="color: #660033"></span><br /> <span
                    style="color: #003399">Apellidos:</span> <span id="apellidos"
                    style="color: #660033"></span><br /> <span style="color: #003399">Domicilio:
                </span><span id="domicilio" style="color: #660033"></span><br /> <span
                    style="color: #003399">Fecha de Nacimiento:</span> <span
                    id="fechNac" style="color: #660033"></span><br /> <span
                    style="color: #003399">Estado Civil: </span><span id="estCivil"
                    style="color: #660033"></span><br /> <span style="color: #003399">Sexo:
                </span><span id="sexo" style="color: #660033"></span><br />
                <p />
            </div>
        </div>

        <form action="ServletServicios" method="post">
            <br />
            <br />

            <!-- Para antecedentes -->
            <table width="200" border="0" align="center">
                <tr>
                    <td>Nombre: <input type="text" name="nombre">
                    </td>
                    <td>Apellido: <input type="text" name="apellido">
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center"><input type="submit"
                                                          value="Consultar" />
                    </td>
                </tr>
            </table>
            <c:if test="${mensaje != ''}">
                <table width="279" border="0" align="center">
                    <tr>
                        <td width="235" align="center"><strong>${mensaje}</strong></td>
                    </tr>
                </table>
            </c:if>
            <br>
            <c:if test="${!empty antecedentes}">
                <table border="1" align="center">
                    <tr>
                        <td>Incidencia</td>
                        <td>Fecha</td>
                    </tr>

                    <c:forEach items="${antecedentes}" var="obj">
                        <tr>
                            <td>${obj.incidencia}</td>
                            <td>${obj.fechaIncidencia}</td>
                        </tr>
                    </c:forEach>


                </table>
            </c:if>
        </form>
    </body>
</html>